<link rel="stylesheet" href="/assets/css/detail.css"/>
<#--<link rel="stylesheet" href="/assets/css/common.css"/>-->
<link rel="stylesheet" href="/assets/css/ico-topbar-white.css"/>
<link rel="stylesheet" href="/assets/css/bottom.css"/>

<div class="main">
        <@extends name="/project/ico-topbar-white.ftl"/>
    <div class="main-container clearfix">
        <#list model as fund>
            <#if isLogin>
                <#if idcardStatus == 1>
                <div class="left">
                <#else>
                <div class="left-center">
                </#if>
            <#else>
            <div class="left-center">
            </#if>
            <div class="left-top clearfix">
                <div class="top-img">
                    <img src="${fund.bigImg}" alt="" class="top-to-img">
                    <span class="triangle"></span>
                    <#if fund.statusName == "预售">
                        <div class="status">
                            <img src="/assets/img/bx-index/ks.png" alt="">
                            <span>预售</span>
                        </div>
                    </#if>
                    <#if fund.statusName == "进行中">
                        <div class="status">
                            <img src="/assets/img/bx-index/ing.png" alt="">
                            <span>进行中</span>
                        </div>
                    </#if>
                    <#if fund.statusName == "已结束">
                        <div class="status">
                            <img src="/assets/img/bx-index/js.png" alt="">
                            <span>已结束</span>
                        </div>
                    </#if>
                </div>
                <div class="top-detail">
                    <h2>${fund.name}</h2>
                    <h3>${fund.introduce}</h3>
                    <div class="agreement">
                        <span>白皮书:</span>
                        <img src="/assets/img/bx-detail/bps-icon.jpg" alt="">
                        <span class="xy">用户协议</span>
                        <#if fund.chineseWhritePaper>
                            <a href="${fund.chineseWhritePaper}" class="chinese">中文</a>
                        </#if>
                        <#if fund.englishWhritePaper>
                            <a href="${fund.englishWhritePaper}">英文</a>
                        </#if>
                    </div>
                    <div class="share">
                        <em>分享到:</em>
                        <a href="javascript:void(0)">
                            <img src="/assets/img/bx-detail/sina.png" alt="">
                        </a>
                        <a href="javascript:void(0)">
                            <img src="/assets/img/bx-detail/wx.png" alt="">
                        </a>
                        <a href="javascript:void(0)">
                            <img src="/assets/img/bx-detail/qq.png" alt="">
                        </a>
                    </div>
                </div>
            </div>
            <div class="left-bottom">
                <h5>项目详情</h5>
                <div class="content-detail">${fund.detail}</div>
            </div>
        </div>
            <#if isLogin>
                <#if idcardStatus == 1>
        <div class="right">
            <div class="right-top">
                <div class="head">
                    <img src="" alt="">
                </div>
                <div class="right-info">
                    <h5>${fund.releaseUserVO.name}</h5>
                    <h6>${fund.releaseUserVO.introduce}</h6>
                </div>
                <p class="raised">已筹数量：<span>${fund.fundedAmount}</span></p>
                <p class="target">目标数量：<em>${fund.targetAmount}</em><i>${fund.amountProgress}</i></p>
                <div class="progress">
                    <p style="width:${fund.amountProgress}"></p>
                </div>
                <p class="des">剩余${fund.remainDay}</p>

                <div class="investment">
                    <div class="currency clearfix">
                        <p>请选择投资币种</p>
                        <#list fund.projectCoinList as coin>
                            <a href="javascript:void(0)" class="coin-name" data-p="${coin.coinId}" data-proportion="${coin.proportion}">${coin.coinName}</a>
                        </#list>
                    </div>
                    <input type="text" class="total-amount" placeholder="请输入投资金额">
                    <p class="balance clearfix">
                            <span>可用余额</span>
                            <em class="can-balance"></em>
                        <a class="all-tz">全部投资</a>
                    </p>
                </div>
                <p class="des">已有${fund.participantNumber}人支持该项目</p>
                <em class="userId" style="display:none">${userId}</em>
                <em class="projectId" style="display:none">${fund.id}</em>
                <#if googleStatus == 0>
                    <p class="err-info googleStatus" data-google="0">请先去安全中心进行谷歌两步验证的设置</p>
                <#else>
                    <p class="err-info googleStatus" data-google="1">投资数量请不要超过小数点后2位</p>

                </#if>
                <a href="javascript:void(0)" class="investment-btn">立即投资</a>

                    <#--</#if>-->
                <#--<#else>-->
                    <#--<p class="tips">若要投资本项目，请实名认证并进行登录</p>-->
                <#--</#if>-->
            </div>
            <div class="right-bottom">
                <div class="bottom-title">接受币种</div>
                <#list fund.projectCoinList as list>
                    <div class="row">
                        <span class="row-left">${list.coinName}</span>
                        <span class="row-right">1:${list.proportion}</span>
                    </div>
                </#list>
            </div>
        </div>
                </#if>
            </#if>
        </#list>
    </div>
     <div class="cover">
        <div class="order">
            <div class="order-option">
                <img src="/assets/img/bx-detail/no.png" alt="">
            </div>
            <img src="/assets/img/bx-detail/top.png" alt="" class="order-top">
            <div class="order-main">
                <div class="order-main-top">
                    <h2 class="order-name"></h2>
                    <p>订单编号：<span class="order-number"></span></p>
                    <p>购买币种：<span class="order-bz"></span></p>
                    <p>购买数量：<span class="order-sl"></span></p>
                </div>
                <div class="order-main-bottom">
                    <p class="clearfix should"><span class="should-to"></span><em class="should-name"></em><span>应付金额</span></p>
                    <div class="google-yz">
                        <select class="google" id="google">
                            <option value ="1">谷歌身份验证:</option>
                            <option value ="2">手机验证:</option>
                        </select>
                        <input type="text" placeholder="6位数字密码" class="google-password">
                        <input type="button" class="send-code" value="发送验证码">
                    </div>
                    <a href="javascript:void(0)" class="pay-btn" data-id="">立即支付</a>
                    <p class="err-info"></p>
                    <#--<p class="ava"><span></span>可用</p>-->
                </div>
            </div>
        </div>
    </div>
</div>
        <#--<@extends name="/project/bottom.ftl"/>-->


<script src="/assets/script/jquery-1.8.2.min.js"></script>
<script src="https://cdn.bootcss.com/handlebars.js/4.0.11/handlebars.js"></script>
<script src="https://cdn.bootcss.com/bignumber.js/6.0.0/bignumber.js"></script>
<script src="/assets/script/detail.js"></script>
<script src="https://cdn.bootcss.com/seajs/3.0.2/sea.js"></script>
<link href="/assets/css/jcountdown.css" rel="stylesheet" type="text/css">
<script src="/assets/script/jquery.jcountdown.min.js"></script>
<script src="/assets/script/common.js"></script>
